import React, {Component} from 'react'
import {connect} from 'react-redux'

class Home extends Component {
  render () {
    return (
      <article>
        <div>
          <section className='text-section'>
            <h1>Welcome to Model Management!</h1>
            <p>This application demonstrates management of algorithm model .</p>
            <p>Models are deployed on <a href='https://doc.akka.io/docs/akka/current/typed/index-cluster.html'>Akka Cluster</a> which is based on actor model .</p>
            <p>And you can figoure out how we manage models after logging .</p>

          </section>

          <section className='text-section'>
            <h2>Logging</h2>
            <p>Not, Lets's try login and have a look at model management.</p>
          </section>
        </div>
      </article>
    )
  }
}

function select (state) {
  return {
    data: state
  }
}

export default connect(select)(Home)
